<template>
  <a-layout class="frame">
      <a-layout-sider class="sider" theme="light" :width="menuStore.menuFoldStatus?230:75">
        <RouterView name="sider"></RouterView>
      </a-layout-sider>
      <a-layout>
        <a-layout-content >
          <RouterView :key="route.fullPath" class="content"/>
        </a-layout-content>
      </a-layout>
    </a-layout>
</template>
<script lang="ts" setup>
import { useRoute } from 'vue-router';
import { useMenuStore } from '@/stores/modules/menu'

const menuStore = useMenuStore()

const route = useRoute()

</script>
<style scoped>
.frame {
  width: 100vw;
  height: 100vh;
}
.content {
  /* padding:0 32px; */
  height: 100vh;
}
</style>
